<!-- ModelVisual.vue -->
<template>
    <div class="visual-container">
        <ModelBlock v-if="modelData" :data="modelData" />
    </div>
</template>

<script setup>
import { ref, onMounted } from 'vue';
import ModelBlock from './ModelBlock.vue';

const modelData = ref(null);
defineExpose({ setData });
function setData(data) {
    modelData.value = data;
}

onMounted(() => {
});
</script>

<style scoped>
.visual-container {
    height: 100%;
    overflow: auto;
    padding: 20px;
    box-sizing: border-box;
}
</style>
